import React from 'react'
// 子传父
const Hello = (props) => {
  return (
    <>
      <div>{props.num1}</div>
      <button
        // 调用父组件传过来的回调函数
        onClick={() => {
          props.changeNum1(5)
        }}
      >
        点击我给父组件传值
      </button>
    </>
  )
}
export default class App extends React.Component {
  state = {
    num: 10,
  }
  // 父组件中必须提供一个回调函数
  changeNum = (n) => {
    this.setState({
      num: this.state.num + n,
    })
  }
  render() {
    return (
      <>
        {/* 先将回调函数传给子组件 */}
        <Hello num1={this.state.num} changeNum1={this.changeNum}></Hello>
      </>
    )
  }
}
